<!DOCTYPE >
<html lang="zh-cn">

	<head>
		<title>后台管理-上线美陪师</title>
		<% include ./partials/head %>

	</head>

	<body>
		<header>
			<!-- Preloader -->
			<div id="preloader">
				<div id="status">&nbsp;</div>
			</div>
			<% include ./partials/header %>
		</header>
		<div class="ch-container">
			<% include ./partials/sidebar %>
				<!-- 首页内容 -->
				<div class="wrap-fluid">
					<div class="container-fluid paper-wrap bevel tlbr">

						<!-- CONTENT -->
						<!--TITLE -->
						<div class="row">
							<div id="paper-top">
								<div class="col-sm-3">
									<h2 class="tittle-content-header">
			                            <span class="entypo-menu"></span>
			                            <span>美陪师管理</span>
                        				</h2>

								</div>

								<div class="col-sm-7">
									<div class="devider-vertical visible-lg"></div>
									<div class="tittle-middle-header">

										<div class="alert">
											<button type="button" class="close" data-dismiss="alert">×</button>
											<span class="tittle-alert entypo-info-circled"></span> 欢迎回来,&nbsp;
											<strong><%= username%></strong>&nbsp;&nbsp;记得今天要完成预期任务哦…^_^！
										</div>

									</div>

								</div>
								<div class="col-sm-2">
									<div class="devider-vertical visible-lg"></div>
									<div class="btn-group btn-wigdet pull-right visible-lg">
										<div class="btn">
											Widget</div>
										<button data-toggle="dropdown" class="btn dropdown-toggle" type="button">
											<span class="caret"></span>
											<span class="sr-only">Toggle Dropdown</span>
										</button>
										<ul role="menu" class="dropdown-menu">
											<li>
												<a href="#">
													<span class="entypo-plus-circled margin-iconic"></span>Add New</a>
											</li>
											<li>
												<a href="#">
													<span class="entypo-heart margin-iconic"></span>Favorite</a>
											</li>
											<li>
												<a href="#">
													<span class="entypo-cog margin-iconic"></span>Setting</a>
											</li>
										</ul>
									</div>

								</div>
							</div>
						</div>
						<!--/ TITLE -->

						<!-- BREADCRUMB -->
						<ul id="breadcrumb">
							<li>
								<span class="entypo-home"></span>
							</li>
							<li><i class="fa fa-lg fa-angle-right"></i>
							</li>
							<li><a href="#" title="上线美陪师">上线美陪师</a>
							</li>

							<li class="pull-right">
								<div class="input-group input-widget">

									<input style="border-radius:15px" type="text" placeholder="Search..." class="form-control">
								</div>
							</li>
						</ul>

						<!--测试数据-->
						<div class="content-wrap">
							<div class="row">
								<div class="col-sm-12">
									<div class="nest" id="FootableClose">
										<div class="title-alt">
											<h6>上线美陪师数据处理表</h6>
											<div class="titleClose">
												<a class="gone" href="#FootableClose">
													<span class="entypo-cancel"></span>
												</a>
											</div>
											<div class="titleToggle">
												<a class="nav-toggle-alt" href="#Footable">
													<span class="entypo-up-open"></span>
												</a>
											</div>

										</div>
										<div class="body-nest" id="Filtering">

											<div class="row" style="margin-bottom:10px;">
												<div class="col-sm-4">
													<input class="form-control" id="filter" placeholder="Search..." type="text">
												</div>
												<div class="col-sm-2">
													<select class="filter-status form-control">
														<option value="active">已处理
															<option value="disabled">未处理
																<option value="suspended">进行中
													</select>
												</div>
												<!--<div class="col-sm-2">
													<select class="filter-num form-control">
														<option value="1">每页10个
															<option value="2">每页50个
																<option value="3">每页100个
													</select>
												</div>-->
												<div class="col-sm-6">

													<a href="#clear" style="margin-left:10px;" class="pull-right btn btn-info clear-filter" title="clear filter">重置</a>
												</div>

											</div>
											<table class="table-striped footable-res footable metro-blue data-table" data-page-size="20" data-filter="#filter" data-filter-text-only="true">
												<thead>
													<tr>
														<th data-toggle="true"></th>
														<th>
															昵称
														</th>
														<th>
															美陪ID
														</th>
														<th>
															余额
														</th>
														<th data-hide="phone,tablet">
															注册时间
														</th>
														<th data-hide="phone,tablet">
															操作
														</th>
													</tr>
												</thead>
												<tbody>
													<% if (typeof users != "undefined") { %>
														<% users.forEach(function(user,index) { %>
															<tr>
																<td class="center">
																	<%=index%>
																</td>
																<td class="center">
																	<a href="/admin/userinfo?userId=<%=user.id%>">
																		<%= user.get("nickname") %>
																	</a>
																</td>
																<td class="center">
																	<%= user.get("molianId") %>
																</td>
																<td class="center">
																	<%= user.get("balance") %>
																</td>
																<td class="center">
																	<%= Format(user.createdAt) %>
																</td>
																<td class="center">
																	<!--<input class="reply" type="text">-->
																	<span class="btn btn-danger notify" userId=<%=user.id%>>
                                   警告并加入违规
                                </span>
																	<span class="btn btn-success delete" userId=<%=user.id%>>
                                     设为实习恋人 
                                </span>
																	<span class="btn btn-success setPocket" userId=<%=user.id%>>
                                     设为口袋恋人 
                                </span>
																</td>
															</tr>
															<% }) %>
																<% } %>

												</tbody>
												<tfoot>
													<tr>
														<td colspan="5">
															<div class="pagination pagination-centered"></div>
														</td>
													</tr>
												</tfoot>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- END OF BREADCRUMB -->

						<!-- /END OF CONTENT -->

						<!-- FOOTER -->
						<div class="footer-space"></div>
						<div id="footer">
							<div class="devider-footer-left"></div>
							<div class="time">
								<p id="spanDate">
									<p id="clock">
							</div>
							<div class="copyright">Made by HT
								<span class="entypo-heart"></span>广州小蚕信息科技有限公司</div>
							<div class="devider-footer"></div>

						</div>
						<!-- / END OF FOOTER -->

					</div>
				</div>

				<% include ./partials/footer %>
		</div>
		<% include ./partials/external %>
			<script type="text/javascript">
				$(function() {
					$('.footable-res').footable();
				});
			</script>
			<script type="text/javascript">
				$(function() {
					$('#footable-res2').footable().bind('footable_filtering', function(e) {
						var selected = $('.filter-status').find(':selected').text();
						if (selected && selected.length > 0) {
							e.filter += (e.filter && e.filter.length > 0) ? ' ' + selected : selected;
							e.clear = !e.filter;
						}
					});
					$('.clear-filter').click(function(e) {
						e.preventDefault();
						$('.filter-status').val('');
						$('table.data-table').trigger('footable_clear_filter');
					});
					$('.filter-status').change(function(e) {
						e.preventDefault();
						$('table.data-table').trigger('footable_filter', {
							filter: $('#filter').val()
						});
					});
				});
			</script>
	</body>

</html>